/* 头部 */
#header {
    width: 100%;
    background-color: #f4483e;
}

#header>a {
    margin-top: 4.99999999875px;
    text-align: center;
    font-size: .5333333333rem;
    color: #ffffff;
}

#header h4 {
    display: inline-block;
    text-align: center;
    font-size: .5333333333rem;
    font-weight: bolder;
    color: #ffffff;
    line-height: 1.0666666667rem;
}

.prompt {
    font-size: .32rem;
    color: #999;
    margin: 8px 0;
    text-align: center;
}

/* 轮播图 */
.carousel {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.7s ease-in-out 0s;
    top: -1000px;

    .btn {
        position: absolute;
        width: 200px;
        height: 180px;
        margin: 70% 26%;

        .prev {
            color: #666;
            transform: translate(0, 50%);
            position: absolute;
            left: -1.5466666666666666rem;
            bottom: 50%;
            height: 2.1333333333333333rem;
            width: 1.3333333333333333rem;
            background-color: rgba(25, 25, 25, 0.6);
            font-size: 1.3333333333333333rem;
            text-align: center;
            line-height: 2.1333333333333333rem;
        }

        .next {
            color: #666;
            position: absolute;
            height: 2.1333333333333333rem;
            width: 1.3333333333333333rem;
            background-color: rgba(25, 25, 25, 0.6);
            font-size: 1.3333333333333333rem;
            text-align: center;
            line-height: 2.1333333333333333rem;
            right: -1.12rem;
            bottom: 50%;
            transform: translate(0, 50%);
        }
    }

    .marsk {
        z-index: 1;
        position: relative;
        width: 5.333333333333333rem;
        height: 4.8rem;
        margin: 70% auto;
        overflow: hidden;
        top: 0;

        i {
            cursor: pointer;
            z-index: 2;
            position: absolute;
            width: 30px;
            height: 30px;
            right: 0;
            top: 0;
            font-size: 20px;
            color: #f1f1f1;
            font-weight: bold;
            font-style: normal;
            background-color: rgba(0, 0, 0, 0.5);
            text-align: center;
            line-height: 30px;
        }

        .infoR {
            position: absolute;
            width: 11400px;
            height: 100%;
            transition: all 0.5s ease-in-out 0s;
            left: 0;
            // background-color: pink;

            li {
                float: left;

                img {
                    width: 200px;
                    height: 200px;
                }
            }
        }
    }

}



/* 商品列表 */
#product {
    .info {
        li {
            padding: 10px 8px;

            a {
                display: flex;
                justify-content: space-between;

                .left {
                    margin-right: 10px;

                    overflow: hidden;

                    img {
                        width: 2.6666666666666665rem;
                        height: 2.1333333333333333rem;
                    }
                }

                .right {
                    flex: 1;

                    h4 {
                        width: 100%;
                        color: #333333;
                        font-size: .4rem;
                        line-height: .5066666666666667rem;
                        min-height: 1.3866666666666667rem;
                        // text-align: left;
                        word-break: break-all;
                        font-weight: normal;
                    }

                    p {
                        margin-top: 10px;
                        margin-bottom: 10px;
                        font-size: .48rem;
                    }

                    .other {
                        .mall {
                            font-size: .37333333333333335rem;
                            color: #EE7700;
                        }
                    }
                }
            }
        }
    }
}